{% load static %}
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Your Basic Site Informations -->
	<title>所有招聘数据页</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="Enews is a news or magazine site template that built with very cool responsive template with clean design, fast load, seo friendly, beauty color and a slew of features." />
    <meta name="keywords" content="Site Template, News, Magazine, Portofolio, HTML, CSS, jQuery, Newsletter, PHP Contact, Subscription, Responsive, Marketing, Clean, SEO" />
    <meta name="author" content="Dots Theme" />
    
    <!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/static/css/flexslider.css">
    <link rel="stylesheet" href="/static/css/prettyPhoto.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    
    <noscript><link rel="stylesheet" href="/static/css/no-js.css"></noscript> <!-- If JavaScript Disabled -->
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- Favicons -->
	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="../static/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="../static/images/apple-touch-icon-114x114.png">
    
    <!-- JavaScript -->
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.easing.js'></script>
    <script type='text/javascript' src='/static/js/jquery.flexslider-min.js'></script>
    <script type='text/javascript' src='/static/js/jflickrfeed.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.fitvids.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.lazyload.mini.js'></script>
    <script type='text/javascript' src='/static/js/jquery.prettyPhoto.js'></script>
    <script type='text/javascript' src='/static/js/jquery.placeholder.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.jticker.js'></script>
    <script type='text/javascript' src='/static/js/jquery.mobilemenu.js'></script>
    <script type='text/javascript' src='/static/js/jquery.hoverdir.js'></script>
    <script type='text/javascript' src='/static/js/jquery.isotope.min.js'></script>
    <script type='text/javascript' src='/static/js/modernizr.custom.js'></script>
    <script type="text/javascript" src="/static/js/main.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    
</head>

<body>

 {% include 'top.html' %}

{#    <div class="container">此处有div，在top中  #}
  
  <div class="row-fluid">
   <div id="main" class="span8 blog-photos image-preloader">
  
    <div class="row-fluid">
    
     {% include 'pathname.html' %}




        {% for foo in mag_Dict %}
            {% if foo.id == 'l' %}
     <!-- Two -->
     <div class="span6 post  no-margin-left" >
      <figure class="figure-overlay">
       <a href="{{ foo.url }}">
        <img src="/static/images/content/600/2.jpg" alt="Thumbnail"/>
        <div><p>{{ foo.title }} <i>发布于{{ foo.time }}</i></p></div>
       </a>
      </figure>
      <div class="text">
       <h2><a href="{{ foo.url }}" title="View permalink Glass House of The Moon">{{ foo.title }}</a></h2>
       <p>{{ foo.abstract }}</p>
       <div class="meta"><a href="{{ foo.url }}">{{ foo.author }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;{{ foo.time }}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ foo.url }}">{{ foo.time_D }}</a></div>
      </div>
     </div>

            {% endif %}

            {% if foo.id == 'r' %}
     <!-- Three -->
     <div class="span6 post">
      <figure class="figure-overlay">
       <a href="{{ foo.url }}">
        <img src="/static/images/content/600/3.jpg" alt="Thumbnail" />
        <div><p>{{ foo.title }} <i>发布于{{ foo.time }}</i></p></div>
       </a>
      </figure>
      <div class="text">
       <h2><a href="{{ foo.url }}" title="View permalink Alvear Art Black and White Theme">{{ foo.title }}</a></h2>
       <p>{{ foo.abstract }}</p>
       <div class="meta"><a href="{{ foo.url }}">{{ foo.author }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;{{ foo.time }}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{{ foo.url }}">{{ foo.time_D }}</a></div>
      </div>
     </div>


        <div class="clearfix ie-sep"></div> <!-- Clearfix -->
            {% endif %}
        {% endfor %}

     <!-- Seven -->
     <div class="span6 post no-margin-left">
      <figure class="figure-overlay">
       <a href="single_photo.html">
        <img src="/static/images/content/600/7.jpg" alt="Thumbnail" />
        <div><p>Mosaic Pool is Very Amazing And Beautiful <i>by Mugiwara Kiwolen</i></p></div>
       </a>
      </figure>
      <div class="text">
       <h2><a href="single_photo.html" title="View permalink Mosaic Pool is Very Amazing And Beautiful">Mosaic Pool is Very Amazing And Beautiful</a></h2>
       <p>Suspendisse ornare luctus tempus. Nulla nec orci erat, sed consequat lacus. Curabitur vel odio eu sapien fermentum placerat pharetra ac lectus. Ut erat sapien, lobortis nec mattis.</p>
       <div class="meta">By <a href="author.html">mdkiwol</a>&nbsp;&nbsp;|&nbsp;&nbsp;Jan. 8, 2013&nbsp;&nbsp;|&nbsp;&nbsp;<a href="single_photo.html">15 comments</a></div>
      </div>
     </div>

     <!-- Eight -->
     <div class="span6 post">
      <figure class="figure-overlay">
       <a href="single_photo.html">
        <img src="/static/images/content/600/8.jpg" alt="Thumbnail" />
        <div><p>Small Market and St. Sebastian's Square in Opole <i>by Rendy Jagerjack</i></p></div>
       </a>
      </figure>
      <div class="text">
       <h2><a href="single_photo.html" title="View permalink Small Market and St. Sebastian's Square in Opole">Small Market and St. Sebastian's Square in Opole</a></h2>
       <p>Praesent mattis mauris urna. Suspendisse vuputa, urna sit amet laoreet iaculis, magna urna porttitor justo, vel pretium sapien urpis nec turpis. Integer nec consectetur odio.</p>
       <div class="meta">By <a href="author.html">jagerjack</a>&nbsp;&nbsp;|&nbsp;&nbsp;Jan. 7, 2013&nbsp;&nbsp;|&nbsp;&nbsp;<a href="single_photo.html">8 comments</a></div>
      </div>
     </div>
     
     <div class="clearfix ie-sep"></div> <!-- Clearfix -->
   
     <nav class="nav-pagination">
      <ul>
       <li class="active"><a href="#">1</a></li>
       <li><a href="#">2</a></li>
       <li><a href="#">3</a></li>
       <li><a href="#">4</a></li>
       <li><a href="#">5</a></li>
       <li><a href="#">6</a></li>
       <li><a href="#">7</a></li>
       <li><a href="#">8</a></li>
       <li><a href="#">9</a></li>
       <li><a href="#">10</a></li>
       <li class="empty-space">....</li>
       <li><a href="#">17</a></li>
      </ul>
      <p>Page 1 of 17</p>
     </nav> <!-- End Nav-Pagination -->
   
    </div> <!-- End Row-Fluid -->
   </div> <!-- End Main -->
  
   {% include 'right.html' %}
  
  </div> <!-- End Row-Fluid -->
 </div> <!-- End Container -->
 
{% include 'bottom.html' %}

</body>

</body>
</html>